<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/static/js/jquery-3.3.1.min.js"></script>
    <script src="/static/js/topTips.js"></script>
    <script src="/static/js/dialog.js"></script>
</head>
<body>
<p>hello!</p>
<button onclick="show()">show</button>
<button onclick="showDialog()">show2</button>
<script>
    var topTips = new topTips({
        title : "test",
        content : [ "Hello Show Tips" ],
        callbackYes : function() {
            topTips.hide();//关闭
            alert("Yes");
        },
        callbackCancel : function() {
            topTips.hide()//关闭
            alert("Cancel");
        }
    });
    function show(){
        topTips.show();
    }
    var dialogA = new dialogA({
        title : "test",
        content : [ "Hello Dialog" ,"Hello Dialog","Hello Dialog","Hello Dialog","Hello Dialog"],
//        callbackYes : function() {
//          alert("Yes");
//        },
        callbackCancel : function() {

        }
    });
    function showDialog(){
        dialogA.show();
    }
</script>
</body>
</html>